An image map is a single image with different hyperlinks assigned to defined regions of the image. Use the Image Map Editor to graphically create and edit client-side image maps.
Client-side image maps store the hyperlink information in the HTML document, not in a separate map file as do server-side image maps. When the user clicks a hotspot in the image, the associated URL is sent directly to the server. This makes client-side image maps faster than server-side image maps because the server does not need to interpret where the user clicked. Client-side image maps are supported by Netscape Navigator 2.0 and later, NCSA Mosaic 2.1 and 3.0, and all versions of Microsoft Internet Explorer.
Dreamweaver does not alter references to server-side image maps in existing documents. You can use both client-side image maps and server-side image maps in the same document. Browsers that support both types of image maps give priority to client-side image maps. To include a server-side image map in a document you have to write the appropriate HTML code.
To create an image map:
1 | Select the image and click the Map button in the Property inspector. |
You may need to click the expander arrow in the lower right corner of the Property inspector to see the Map button. | |
2 | Type the name for the map in the Map Name box. |
3 | Select a drawing tool and drag over the image to draw a shape. |
4 | Type the link for the hotspot in the Link box or click the folder to choose a file. |
5 | To make the linked document appear somewhere other than the current window or frame, choose a frame name from the Target option. |
See Creating links between documents. | |
6 | Type in the Alt box alternate text that is displayed for text-only browsers. |
7 | Repeat steps 3 through 6 until you have defined all hotspots; then click OK. |
![]() |